<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head th:replace="fragments/common :: common-header"></head>

<body>

	<!-- Navigation -->
	<nav th:replace="fragments/common :: common-navbar"></nav>

	<!-- Page Content -->
	<section class="jumbotron text-center">
		<div class="container">
			<h1 class="jumbotron-heading">FAQ</h1>
			<p class="lead text-muted mb-0">Frequently Asked Questions</p>
		</div>
	</section>
	<div class="container">
		<div class="row">
			<div class="col">
				<nav aria-label="breadcrumb">
					<ol class="breadcrumb">
						<li class="breadcrumb-item"><a th:href="@{/}">Home</a></li>
						<li class="breadcrumb-item active" aria-current="page">FAQ</li>
					</ol>
				</nav>
			</div>
		</div>
	</div>
	<div class="container">
		<h3>Shopping</h3>
		<hr />
		<div class="mb-4" id="accordion" role="tablist"
			aria-multiselectable="true">
			<div class="card">
				<div class="card-header" role="tab" id="headingOne">
					<h5 class="mb-0">
						<a data-toggle="collapse" data-parent="#accordion"
							href="#collapseOne" aria-controls="collapseOne">Q: How do I
							place an order?</a>
					</h5>
				</div>
				<div id="collapseOne" class="collapse show" role="tabpanel"
					aria-labelledby="headingOne">
					<div class="card-body">A: First you need to set up an
						account, once that is created you are ready to place an order.</div>
				</div>
			</div>
			<div class="card">
				<div class="card-header" role="tab" id="headingTwo">
					<h5 class="mb-0">
						<a class="collapsed" data-toggle="collapse"
							data-parent="#accordion" href="#collapseTwo"
							aria-controls="collapseTwo">Q: How do I set up an account?</a>
					</h5>
				</div>
				<div id="collapseTwo" class="collapse" role="tabpanel"
					aria-labelledby="headingTwo">
					<div class="card-body">A: Click on the login button in the
						upper right hand corner of the main page and then click on create
						an account.</div>
				</div>
			</div>
			<div class="card">
				<div class="card-header" role="tab" id="headingThree">
					<h5 class="mb-0">
						<a class="collapsed" data-toggle="collapse"
							data-parent="#accordion" href="#collapseThree"
							aria-controls="collapseThree">Q: How long does it take to
							process and ship orders?</a>
					</h5>
				</div>
				<div id="collapseThree" class="collapse" role="tabpanel"
					aria-labelledby="headingThree">
					<div class="card-body">A: Please allow 1 - 3 business days
						(Monday-Friday) for order processing regardless of the shipping
						method chosen. Once shipped you should receive your order within 2
						- 10 business days. Please note that 2 day and Overnight services
						refer to business days (Monday - Friday).</div>
				</div>
			</div>
			<div class="card">
				<div class="card-header" role="tab" id="headingFour">
					<h5 class="mb-0">
						<a class="collapsed" data-toggle="collapse"
							data-parent="#accordion" href="#collapseFour"
							aria-controls="collapseFour">Q: Are all of the items
							guaranteed in stock?</a>
					</h5>
				</div>
				<div id="collapseFour" class="collapse" role="tabpanel"
					aria-labelledby="headingFour">
					<div class="card-body">A: We try to update the website as
						often as possible to reflect out of stock conditions. However, the
						ability to order an item does not guarantee that it will be in
						stock when your order is processed. You will be notified if an
						order is not available.</div>
				</div>
			</div>
			<div class="card">
				<div class="card-header" role="tab" id="headingFive">
					<h5 class="mb-0">
						<a class="collapsed" data-toggle="collapse"
							data-parent="#accordion" href="#collapseFive"
							aria-controls="collapseFive">Q: How can I cancel or change my
							order?</a>
					</h5>
				</div>
				<div id="collapseFive" class="collapse" role="tabpanel"
					aria-labelledby="headingFive">
					<div class="card-body">A: You can cancel your order or make a
						change to it by contacting us at 1.999.999.9999 as soon as
						possible after your order is placed with your name, order number,
						and a request for cancellation or a description of the requested
						change. Our office hours are Monday Friday 8am 4:30pm. We will do
						our best to cancel or modify your order, but we will not be able
						to complete the cancellation if your order has been processed or
						shipped.</div>
				</div>
			</div>
		</div>
		<h3>Shipping</h3>
		<hr />
		<div class="mb-4" id="accordion" role="tablist"
			aria-multiselectable="true">
			<div class="card">
				<div class="card-header" role="tab" id="headingSix">
					<h5 class="mb-0">
						<a data-toggle="collapse" data-parent="#accordion"
							href="#collapseSix" aria-controls="collapseSix">Q: How much
							is the shipping charge on orders?</a>
					</h5>
				</div>
				<div id="collapseSix" class="collapse show" role="tabpanel"
					aria-labelledby="headingSix">
					<div class="card-body">A: The shipping charge depends on the
						total amount of the merchandise ordered as well as the shipping
						method chosen. There are some items that incur additional charges
						such as diploma frames $19.99 for an oversized box and maple syrup
						$1.00 for double-boxing. The rate for chairs and rockers is $35.00
						for shipments east of the Mississippi and $45.00 west of the
						Mississippi.</div>
				</div>
			</div>
			<div class="card">
				<div class="card-header" role="tab" id="headingSeven">
					<h5 class="mb-0">
						<a data-toggle="collapse" data-parent="#accordion"
							href="#collapseSeven" aria-controls="collapseSeven">Q. What
							is your shipping method?</a>
					</h5>
				</div>
				<div id="collapseSeven" class="collapse" role="tabpanel"
					aria-labelledby="headingSeven">
					<div class="card-body">A: We ship UPS, FedEx or US mail.</div>
				</div>
			</div>
			<div class="card">
				<div class="card-header" role="tab" id="headingEight">
					<h5 class="mb-0">
						<a data-toggle="collapse" data-parent="#accordion"
							href="#collapseEight" aria-controls="collapseEight">Q: When
							will I receive my order?</a>
					</h5>
				</div>
				<div id="collapseEight" class="collapse" role="tabpanel"
					aria-labelledby="headingEight">
					<div class="card-body">A: On average, your order will be
						received in 7 - 10 working days. During August and January,
						delivery time may take longer.</div>
				</div>
			</div>
		</div>
	</div>
	<!-- /.container -->

	<!-- Footer -->
	<footer th:replace="fragments/common :: common-footer"></footer>

	<div th:replace="fragments/common :: common-bottom"></div>
</body>
</html>